<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/purchase.css" />
	</head>
	<body>
		<div class="page">
			<!--头部-->
			<div class="xf_header">
				<header>
					<a href="index.html">
						<img src="img/logo_big01.png" />
					</a>
					<div class="city">
						<img src="img/icon-address.png" />
						<span>武汉市</span>
						<a href="#">切换城市</a>
					</div>
					<div class="nav">
						<a href="#">全部</a>
						<a href="list.html">蛋糕</a>
						<a href="#">下午茶</a>
						<a href="#">手信</a>
						<a href="#">团购预约</a>
						<a href="about.html">关于我们</a>
					</div>
					<div class="link">
						<div class="love"></div>
						<a href="#"> <img src="img/i-search.jpg" /></a>
						<a href="#"><img src="img/i-cart.jpg" /></a>
						<a href="login.html"><img src="img/i-user.jpg" /></a>
						<a href="#">联系我们</a>
					</div>

				</header>

			</div>
			<!--头部 end-->

			<div class="order-main">
				<!-- 表单 -->
				<form class="order-container" id="form1">
					<!-- 提示信息 -->
					<div class="login-box" style="cursor:pointer">
						<span class="iconfont iconfont-tips" onclick="DoWinLogin()"></span>
						<span class="login-tips" onclick="DoWinLogin()">未注册可在此页面直接下单，已有账户</span>
						<span class="login-a">请登录&gt;</span>
					</div>
					<!-- 提示信息 end-->
					
					<!-- 收货人信息 -->
					<div class="order-item" style="position:relative;margin-top:24px;">
						<h3 class="order-item-hd">收货人信息</h3>
						<!-- 没有地址记录 -->
						<div class="order-item-content">
							<div class="order-item-li">
								<label class="order-item-title">收货人</label>
								<input class="order-item-input" placeholder="请输入收货人姓名" type="text">
							</div>
							<div class="order-item-li">
								<label class="order-item-title">手机号码</label>
								<input class="order-item-input" placeholder="请输入收货人手机号码" type="text">
							</div>
							<div class="order-item-li">
								<label class="order-item-title">所在地区</label>
								<select class="order-item-select">
									<option value="">河南省</option>
								</select>
								<select class="order-item-select">
									<option value="">南阳市</option>
								</select>
								<select class="order-item-select" style="width:142px;">
									<option value="">金水区</option>
								</select>
								<span class="order-item-wrong">您订单中存在的商品，在所选择城市暂时无法购买</span>
							</div>
							<div class="order-item-li">
								<label class="order-item-title">详细地址</label>
								<div class="order-item-input-box">
									<span class="order-item-addr-header">河南省南阳市金水区</span>
									<input placeholder="请输入收货人详细地址" type="text"
										style="padding-left: 124px;width: 222px;">
								</div>
							</div>
						</div>
					</div>
					<!-- 收货人信息 end-->
					
					<!-- 订购人信息 -->
					<div class="order-item">
						<h3 class="order-item-hd">订购人信息</h3>
						<div class="order-item-content">
							<div class="order-item-li">
								<label class="order-item-title">订购人姓名</label>
								<input class="order-item-input" placeholder="请输入订购人姓名">
							</div>
							<div class="order-item-content-hastel" style="display:block">
								<div class="order-item-li">
									<label class="order-item-title">订购人手机</label>
									<input class="order-item-input" placeholder="请输入订购人手机号码">
								</div>
							</div>

						</div>
					</div>
					<!-- 订购人信息 end-->
					
					<!-- 送达日期 -->
					<div class="order-item">
						<h3 class="order-item-hd">送达日期</h3>
						<div class="order-item-content">
							<div class="order-item-li">
								<label class="order-item-title">送达日期</label>
								<input class="order-item-input" placeholder="请输入送达日期">
							</div>
						</div>

					</div>
					<!-- 送达日期 end-->
					
					<!-- 贺卡留言 -->
					<div class="order-item">
						<div class="order-item-hd">
							<h5>贺卡留言</h5>
						</div>
						<div class="order-item-box">
							<div class="order-item-left">
								<textarea class="order-item-left-textarea"
									placeholder="贺卡留言：最多30个字，生日牌：最多8个字，请在“贺卡留言”中注明。" rows="2" maxlength="58"></textarea>
							</div>
							<div class="order-item-right"></div>
						</div>
					</div>
					<!-- 贺卡留言 end-->
					
					<!-- 核对购物清单 -->
					<div class="order-item order-item-border-bottom order-item-line">
						<h3 class="order-item-hd">核对购物清单</h3>
						<div class="order-item-product-list">
							<div class="order-item-product-li">
								<a href="detail.html" target="_blank"
									style="display: inline-block; width: 100%; height: 100%;">
									<div class="order-item-product-pic">
										<img src="img/cake1.jpg" alt="提拉米苏(约2磅)">
									</div>
									<div class="order-item-product-info">
										<p class="order-item-product-name">提拉米苏(约2磅)-</p>
										<div>
											<span class="order-item-product-price" data-itemcode="5602003">198</span>
											<span class="order-item-product-count">x1</span>
										</div>
									</div>
								</a>
							</div>

						</div>
						<div class="order-item-footer">
							<div class="order-item-footer-left">
								<div class="order-item-footer-send">
									<span class="send-title">配送至：</span>
								</div>
								<div class="order-item-footer-receiver">
									<span class="receiver-name">张三</span>
									<span id="receiver_tel">15919173982</span>
								</div>
							</div>
							<div class="order-item-footer-right">
								<div class="order-item-footer-price">
									共<span id="pro_count" class="pro-count">1</span>件商品，总商品金额：
									<span id="pro_price" class="pro-price">198</span>
								</div>
								<div class="order-item-footer-pay">
									应付：<span class="pay-price">198</span>
									<button class="pay-btn">提交订单</button>
								</div>
							</div>
						</div>
					</div>
					<!-- 核对购物清单 end-->
				</form>
				<!-- 表单 end-->
			</div>

			<!--底部 -->
			<div class="xf_footer">
				<footer>
					<div class="footer1">
						<div class="msg">
							<a href="#">品牌动态</a>
							<a href="#">生产经营资质</a>
							<a href="#">企业合作</a>
							<a href="#">发票申请</a>
							<a href="#">平台规则</a>
							<a href="#">帮助服务</a>
							<a href="#">联系我们</a>
						</div>
						<div class="tel">
							<a href="#">
								<img src="img/tel_03.jpg" />
								<span>400-999-6665</span>
							</a>
							<a href="#">WEIBO</a>
							<a href="#">WECHAT</a>
							<a href="#">京东商城</a>
						</div>
					</div>
					<div class="footer2">
						<div class="copyright">
							<span>深圳市悦轩商城科技股份有限公司</span>
							<span>粤ICP备16039394号-6 </span>
							<span>京公网安备44030702002399</span>
							<span>公司地址：深圳市龙岗区坂田街道布龙339鸿生源工业园A座5楼</span>
						</div>
					</div>
			</div>
			<!--底部 end-->
		</div>
		</div>
	</body>
</html>
